<template>
  <div class="login-container">
    <div class="login-content">
      <div
        :style="{backgroundColor: LOGIN_CONFIG_THEMECOLOR}"
        class="login-head"
      >
        <img
          :src="LOGIN_CONFIG_LOGO"
          class="logo"
        >
        <!-- <span class="logo-text">{{LOGIN_CONFIG.TITLE}}</span> -->
      </div>
      <div v-show="isLoaded">
        <div v-show="login">
          <div class="login-status">
            <div class="login-status-content">
              <div
                :class="{'left-login1':!LOGIN_CONFIG.FASTLOGIN}"
                @click="loginType=true,loginFrom={}"
                class="left-login "
              >
                <a
                  :class="[loginType?'ck-text':'']"
                  :style="{color: loginType ? LOGIN_CONFIG_THEMECOLOR : ''}"
                >{{ $t('m.AccountLogin') }}</a>
                <div
                  v-show="loginType"
                  :style="{borderBottomColor: LOGIN_CONFIG_THEMECOLOR}"
                  :class="{'right-login-hr1':!LOGIN_CONFIG.FASTLOGIN, 'notcn':lang!='zh_CN'}"
                  class="left-login-hr"
                >
                  <div
                    :style="{borderBottomColor: LOGIN_CONFIG_THEMECOLOR}"
                    class="triangle"
                  />
                </div>
              </div>
              <div
                v-if="login_dsf_config.JE_SYS_QUICKLOGIN =='1' "
                @click="loginType=false,showQrCode=false"
                class="right-login"
              >
                <a
                  :class="[!loginType?'ck-text':'']"
                  :style="{color: !loginType ? LOGIN_CONFIG_THEMECOLOR : ''}"
                >{{ $t('m.QuickLogin') }}</a>
                <div
                  v-show="!loginType"
                  :style="{borderBottomColor: LOGIN_CONFIG_THEMECOLOR}"
                  :class="`right-login-hr ${lang=='zh_CN'?'':'notcn'}`"
                >
                  <div
                    :style="{borderBottomColor: LOGIN_CONFIG_THEMECOLOR}"
                    class="triangle"
                  />
                </div>
              </div>
            </div>
          </div>
          <!--登录-->
          <div
            v-show="loginType"
            class="login-form"
          >
            <el-form
              ref="loginFrom"
              :model="loginFrom"
              :rules="rulesLoginFrom"
              :show-message="showMessageFlag"
            >
              <el-form-item prop="phone">
                <el-input
                  v-model="loginFrom.phone"
                  :placeholder="!isNoteLogin?getEn(placeHolder(LOGIN_CONFIG.ACCOUNT)):$t('m.phone')"
                  @blur="customValidateForm('loginFrom',true)"
                  type="text"
                >
                  <template slot="prepend">
                    <i class="jeicon jeicon-mobile" />
                  </template>
                </el-input>
              </el-form-item>
              <el-form-item
                v-show="!isNoteLogin"
                class="marginBottom15"
                prop="pwd"
              >
                <el-input
                  v-model="pwd"
                  @blur="customValidateForm('loginFrom')"
                  @input="loginFrom.pwd=pwd"
                  :placeholder="$t('m.pwdholder')"
                  type="password"
                >
                  <template slot="prepend">
                    <i class="jeicon jeicon-lock" />
                  </template>
                </el-input>
                <input
                  v-model="loginFrom.pwd"
                  type="hidden"
                >
              </el-form-item>
              <el-form-item
                v-show="isNoteLogin"
                class="marginBottom15"
                prop="validateCode"
              >
                <el-input
                  v-model="validateCode"
                  @input="loginFrom.validateCode=validateCode"
                  :placeholder="$t('m.msgholder')"
                  type="text"
                  maxlength="6"
                  class="custom-width"
                >
                  <template slot="prepend">
                    <i class="jeicon jeicon-key" />
                  </template>
                  <template slot="append">
                    <el-button
                      @click="getValidateCode(loginFrom.phone,'LOGIN','loginFrom')"
                      class="getValidate"
                    >
                      <span v-show="sendAuthCode">{{ $t('m.gain') }}</span>
                      <span v-show="!sendAuthCode">{{ auth_time }}s</span>
                    </el-button>
                  </template>
                  <input
                    v-model="loginFrom.validateCode"
                    type="hidden"
                  >
                </el-input>
              </el-form-item>
              <drag-verify
                ref="Verify"
                v-if="!isNoteLogin&&dragVerifyinput"
                :width="width"
                :height="height"
                :text="getEn(text)"
                :success-text="getEn(successText)"
                :background="background"
                :progress-bar-bg="progressBarBg"
                :completed-bg="completedBg"
                :handler-bg="handlerBg"
                :handler-icon="handlerIcon"
                :text-size="textSize"
                :success-icon="successIcon"
              />
              <el-row class="login-bar">
                <el-col :span="24">
                  <el-checkbox
                    v-model="remberStatus"
                    :label="$t('m.RememberState')"
                    name="type"
                  />
                  <span
                    v-if="LOGIN_CONFIG.FINDPASSWORD"
                    class="hr"
                  >|</span>
                  <a
                    v-if="LOGIN_CONFIG.FINDPASSWORD"
                    @click="findPwd=true,login=false,findPwdState='1',findPwdFrom={},findPwdFrom1={},sendAuthCode=true,auth_time=0,resetForm('findPwdFrom1'),resetForm('findPwdFrom'),findPwdForm1ErrorMsg='',findPwdFormErrorMsg=''"
                  >{{ $t('m.ForgetState') }}</a>
                  <span
                    v-if="LOGIN_CONFIG.OTHERLOGIN.PHONE"
                    class="hr"
                  >|</span>
                  <a
                    v-if="LOGIN_CONFIG.OTHERLOGIN.PHONE"
                    @click="isNoteLogin=!isNoteLogin,resetForm('loginFrom'),loginFormErrorMsg='',sendAuthCode=true,auth_time=0,loginFrom={}"
                  >{{ !isNoteLogin?$t('m.DynamicPwd'):$t('m.PersonalPwd') }}</a>
                </el-col>
              </el-row>
              <el-row class="error-bar">
                <el-col :span="24">
                  <span>{{ getEn(loginFormErrorMsg) }}</span>
                </el-col>
              </el-row>
              <el-form-item>
                <!--<el-input class="login-btn" type="button">登陆</el-input>-->
                <el-button
                  :style="{background: LOGIN_CONFIG_THEMECOLOR}"
                  @click="loginSubmit('loginFrom')"
                  class="login-btn "
                >
                  {{ $t('m.signIn') }}
                </el-button>
              </el-form-item>
              <el-row
                class="footer-text padding-right96"
                style="display: none;"
              >
                <el-col :span="24">
                  <a @click="goRegister('PC')">{{ $t('m.RegisteredEnterpriseAccount') }}</a>
                </el-col>
              </el-row>
            </el-form>
          </div>
          <!--快捷登录-->
          <div
            v-show="!loginType"
            class="quick-login"
          >
            <div v-show="!showQrCode">
              <div class="quick-login-header">
                <p style="color: #666;">
                  {{ $t('m.tips') }}
                </p>
                <!-- <span>绑定教程</span> -->
              </div>
              <div class="quick-login-icon">
                <ul>
                  <li v-if="login_dsf_config.JE_SYS_QUICKLOGIN =='1' && login_dsf_config.JE_SYS_DDQUICKLOGIN =='1'">
                    <a @click="otherLogin('DT')">
                      <img src="../assets/dingding-icon.png">
                      <span>{{ $t('m.dingding') }}</span>
                    </a>
                  </li>
                  <li v-if="login_dsf_config.JE_SYS_QUICKLOGIN =='1' && login_dsf_config.JE_SYS_WXQUICKLOGIN =='1'">
                    <a @click="otherLogin('WX')">
                      <img src="../assets/weixin-icon.png">
                      <span>{{ $t('m.WeChat') }}</span>
                    </a>
                  </li>
                  <li v-if="login_dsf_config.JE_SYS_QUICKLOGIN =='1' && login_dsf_config.JE_SYS_QQQUICKLOGIN =='1'">
                    <a @click="otherLogin('QQ')">
                      <img src="../assets/qq-icon.png">
                      <span>QQ</span>
                      <i id="qqLoginBtn" />
                    </a>
                  </li>
                  <li v-if="LOGIN_CONFIG.OTHERLOGIN.APP">
                    <a @click="otherLogin('SB')">
                      <img src="../assets/suanban-icon.png">
                      <span>APP</span>
                    </a>
                  </li>
                </ul>
              </div>
              <div
                @click="register=true,login=false,isShowRegister='1',registerFrom3={},registerForm3ErrorMsg='',registerFromErrorMsg='',registerFrom={},registerSuccess={},sendAuthCode=true,auth_time=0,resetForm('registerFrom'),resetForm('registerFrom3'),getIndustry(),registerType='PC'"
                class="footer-text"
                style="display: none"
              >
                <a>{{ $t('m.RegisteredEnterpriseAccount') }}</a>
              </div>
            </div>
            <div
              v-show="showQrCode"
              class="qr-code"
              align="center"
            >
              <div class="header">
                <span>{{ $t('m.shiyong') }}{{ getEn(typeText) }}{{ $t('m.saomadenglu') }}</span>
              </div>
              <div id="qr_container" />
              <div class="footer-text">
                <a @click="quickLoginBack"><a class="">{{ $t('m.back') }}</a></a>
              </div>
            </div>
          </div>
        </div>
        <!--找回密码-->
        <div
          v-show="findPwd"
          class="login-form find-pwd-form"
        >
          <!--找回密码1-->
          <el-form
            ref="findPwdFrom1"
            v-show="findPwdState=='1'"
            :model="findPwdFrom1"
            :rules="rulesfindPwdFrom1"
            :show-message="showMessageFlag"
          >
            <el-row>
              <el-col
                :span="24"
                class="find-pwd-head"
              >
                <span class="find-pwd-text">{{ $t('m.RetrievePwd') }}</span>
              </el-col>
            </el-row>
            <el-form-item prop="phone">
              <el-input
                v-model="findPwdFrom1.phone"
                @blur="customValidateForm('findPwdFrom1')"
                :placeholder="$t('m.phoneholder')"
                maxlength="11"
              >
                <template slot="prepend">
                  <i class="jeicon jeicon-mobile" />
                </template>
              </el-input>
            </el-form-item>
            <el-form-item prop="validateCode">
              <el-input
                v-model="findPwdFrom1.validateCode"
                @blur="customValidateForm('findPwdFrom1')"
                :placeholder="$t('m.msgholder')"
                maxlength="6"
                class="custom-width"
              >
                <template slot="prepend">
                  <i class="jeicon jeicon-key" />
                </template>
                <template slot="append">
                  <el-button
                    @click="getValidateCode(findPwdFrom1.phone,'ZH','findPwdFrom1')"
                    class="getValidate"
                  >
                    <span v-show="sendAuthCode">{{ $t('m.gain') }}</span>
                    <span v-show="!sendAuthCode">{{ auth_time }}s</span>
                  </el-button>
                </template>
              </el-input>
            </el-form-item>
            <el-row class="error-bar find-pwd-error">
              <el-col :span="24">
                <span>{{ getEn(findPwdForm1ErrorMsg) }}</span>
              </el-col>
            </el-row>
            <el-form-item>
              <el-button
                @click="findPwdFrom1Next('findPwdFrom1')"
                class="login-btn find-pwd-btn"
              >
                {{ $t('m.next') }}
              </el-button>
            </el-form-item>
            <el-row class="footer-text padding-right96">
              <el-col :span="24">
                <a @click="findPwd=false,loginType=true,login=true,resetForm('findPwdFrom1'),loginFrom={}">{{ $t('m.ReturnToLogin') }}</a>
              </el-col>
            </el-row>
          </el-form>
          <div
            v-show="findPwdState=='2'"
            class="showCompany-pwd"
          >
            <p class="showCompany-header">
              {{ $t('m.SelectEnterprise') }}
            </p>
            <ul>
              <li
                v-for="(item,index) of companyList"
                @click="selComapnyPwd(item)"
                :key="index"
              >
                {{ item.TEXT }}
              </li>
            </ul>
            <a
              @click="findPwdState='1'"
              class="showCompany-return"
            >{{ $t('m.backpre') }}</a>
          </div>
          <!--找回密码2-->
          <el-form
            ref="findPwdFrom"
            v-show="findPwdState=='3'"
            :model="findPwdFrom"
            :rules="rulesfindPwdFrom"
            :show-message="showMessageFlag"
          >
            <el-row>
              <el-col
                :span="24"
                class="find-pwd-head marginBottom15"
              >
                <span class="find-pwd-text">{{ $t('m.RetrievePwd') }}</span>
              </el-col>
            </el-row>
            <el-row>
              <el-col
                :span="24"
                class="find-pwd-head marginBottom5"
              >
                <span class="find-pwd-title">{{ $t('m.pwdalert') }}</span>
              </el-col>
            </el-row>
            <el-form-item
              class="margin-bottom5"
              prop="oldPwd"
            >
              <el-input
                v-model="findPwdFrom.oldPwd"
                @input="pwdStrengthWatch(findPwdFrom.oldPwd)"
                @blur="customValidateForm('findPwdFrom')"
                :placeholder="$t('m.newpwd')"
                type="password"
                maxlength="20"
              >
                <template slot="prepend">
                  <i class="jeicon jeicon-lock" />
                </template>
              </el-input>
            </el-form-item>
            <el-row class="margin-bottom5">
              <el-col
                :span="24"
                :class="`pwd-strength ${lang=='zh_CN'?'':'en'}`"
              >
                <span
                  v-show="level<=0"
                  class="find-pwd-title"
                >{{ $t('m.level1') }}</span><span
                  v-show="level==1 || level==2"
                  class="find-pwd-title"
                >{{ $t('m.level2') }}
                </span><span
                  v-show="level==3"
                  class="find-pwd-title"
                >{{ $t('m.level3') }}</span>
              </el-col>
            </el-row>
            <el-row>
              <el-col
                :span="24"
                class="pwd-strength"
              >
                <div class="pwd-strength margin0">
                  <div
                    :class="[level==3?'level3':'',(level==2 || level==1)?'level2':'']"
                    class="pwd-strength-border pwd-strength-1"
                  />
                  <div
                    :class="[level==3?'level3':'',level==2?'level2':'']"
                    class="pwd-strength-border pwd-strength-2"
                  />
                  <div
                    :class="[level==3?'level3':'']"
                    class="pwd-strength-border pwd-strength-3"
                  />
                </div>
              </el-col>
            </el-row>
            <el-form-item
              class="margin-bottom35"
              prop="newPwd"
            >
              <el-input
                v-model="findPwdFrom.newPwd"
                @blur="customValidateForm('findPwdFrom')"
                :placeholder="$t('m.pwdconfirm')"
                type="password"
                maxlength="20"
              >
                <template slot="prepend">
                  <i class="jeicon jeicon-lock" />
                </template>
              </el-input>
            </el-form-item>
            <el-row class="error-bar">
              <el-col :span="24">
                <span>{{ getEn(findPwdFormErrorMsg) }}</span>
              </el-col>
            </el-row>
            <el-form-item>
              <el-button
                @click="findPwdLogin('findPwdFrom')"
                :loading="isSubmiting"
                class="login-btn find-pwd2-btn"
              >
                {{ $t('m.submit') }}
              </el-button>
            </el-form-item>
            <el-row class="footer-text padding-right96">
              <el-col :span="24">
                <a @click="findPwd=false,loginType=true,login=true,resetForm('findPwdFrom')">{{ $t('m.ReturnToLogin') }}</a>
              </el-col>
            </el-row>
          </el-form>
        </div>
        <!--密码修改成功-->
        <div
          v-show="updateSuccess"
          class="login-form"
        >
          <div class="update-success-content">
            <p class="update-success-text">
              {{ $t('m.changeSuccess') }}
            </p>
            <a
              @click="findPwd=false,updateSuccess=false,loginType=true,login=true"
              class="update-success-return"
            >{{ $t('m.ReturnToLogin') }}</a>
          </div>
        </div>
        <!--显示企业列表-->
        <div
          v-show="showCompany"
          class="showCompany"
        >
          <p
            v-if="showSelectType"
            class="showCompany-header"
          >
            {{ $t('m.SelectEnterprise') }}
          </p>
          <p
            v-if="!showSelectType"
            class="showCompany-header"
          >
            {{ $t('m.SelectEnterDept') }}
          </p>
          <ul>
            <li
              v-for="item of companyList"
              :key="item"
              @click="selComapnyLogin(item,'login',loginFrom)"
            >
              {{ item.TEXT }}
            </li><!--{{ item.ZHMC }}-->
          </ul>
          <a
            @click="login = true;showCompany = false;sendAuthCode=true,auth_time=0"
            class="showCompany-return"
          >{{ $t('m.backpre') }}</a>
          <div
            @click="register=true,login=false,isShowRegister=='1',showCompany=false,getIndustry(),registerType='PC'"
            style="display: none;"
            class="footer-text padding-right96"
          >
            <a>{{ $t('m.RegisteredEnterpriseAccount') }}</a>
          </div>
        </div>
        <!--注册-->
        <div
          v-show="register"
          class="register"
        >
          <div class="register-bar">
            <div
              :class="[(isShowRegister=='1' || isShowRegister=='2')?'register-bar-ck':'']"
              class="register-bar-1 "
            >
              {{ $t('m.tianxieshoujihao') }}
            </div>
            <div
              :class="[isShowRegister=='3'?'register-bar-ck':'']"
              class="register-bar-2 "
            >
              <div :class="[isShowRegister=='3'?'register-angle-left-3':'','register-angle-left',isShowRegister=='4'?'register-angle-left-4':'']" />
              <div
                v-show="isShowRegister=='4'"
                class="register-angle-left-child"
              />
              {{ $t('m.tianxieqiyexinxi') }}
            </div>
            <div
              :class="[isShowRegister=='4'?'register-bar-ck3':'']"
              class="register-bar-3 "
            >
              <div :class="[isShowRegister=='4'?'register-angle-sel-right':'',isShowRegister=='3'?'register-angle-right-3':'','register-angle-right']" />
              <div
                v-show="isShowRegister=='1' || isShowRegister=='2'"
                class="register-angle-right-child"
              />

              {{ $t('m.zhucechenggong') }}
            </div>
          </div>
          <div class="register-content login-form">
            <div
              v-show="isShowRegister=='1'"
              class="register-content-1"
            >
              <div class="register-from">
                <p>{{ $t('m.yanzhengshoujihao') }}</p>
                <el-form
                  ref="registerFrom"
                  :model="registerFrom"
                  :rules="rulesRegisterFrom"
                  :show-message="showMessageFlag"
                >
                  <el-form-item prop="phone">
                    <el-input
                      v-model="registerFrom.phone"
                      @blur="customValidateForm('registerFrom')"
                      :placeholder="$t('m.phoneholder')"
                      maxlength="11"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-mobile" />
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-form-item
                    class=""
                    prop="validateCode"
                  >
                    <el-input
                      v-model="registerFrom.validateCode"
                      @blur="customValidateForm('registerFrom')"
                      :placeholder="$t('m.msgholder')"
                      type="text"
                      maxlength="6"
                      class="custom-width"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-key" />
                      </template>
                      <template slot="append">
                        <el-button
                          @click="getValidateCode(registerFrom.phone,'ZC','registerFrom')"
                          class="getValidate"
                        >
                          <span v-show="sendAuthCode">{{ $t('m.gain') }}</span>
                          <span v-show="!sendAuthCode">{{ auth_time }}s</span>
                        </el-button>
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-form-item
                    class="margin-bottom0"
                    prop="pwd"
                  >
                    <el-input
                      v-model="registerFrom.pwd"
                      @blur="customValidateForm('registerFrom')"
                      :placeholder="$t('m.pwdholder')"
                      type="password"
                      maxlength="20"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-lock" />
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-row class="error-bar">
                    <el-col :span="24">
                      <span>{{ getEn(registerFromErrorMsg) }}</span>
                    </el-col>
                  </el-row>
                  <el-form-item>
                    <el-row>
                      <el-col :span="24">
                        <el-button
                          @click="registerLoginSubmit('registerFrom','1'),registerFrom3={}"
                          class="common-btn"
                        >
                          {{ $t('m.next') }}
                        </el-button>
                      </el-col>
                    </el-row>
                  </el-form-item>
                </el-form>
                <el-row class="footer-text padding-right96">
                  <el-col :span="24">
                    <a @click="register=false,login=true">{{ $t('m.yiyouzhanghaodenglu') }}</a>
                  </el-col>
                </el-row>
              </div>
            </div>
            <div
              v-show="isShowRegister=='2'"
              class="register-content-2 "
            >
              <div class="register-form">
                <ul>
                  <p>{{ $t('m.qudenglu') }}</p>
                  <li
                    v-for="item of companyList"
                    :key="item"
                    @click="selComapnyLogin(item,'code',registerFrom)"
                  >
                    <span>{{ item.DEPTNAME }}</span>
                    <!--<el-button class="register-login-btn" @click="registerLogin(item,registerFrom)">登录</el-button>-->
                  </li>
                </ul>
                <a
                  v-show="companyList.length>=3"
                  @click="isShowRegister='1',registerFrom3={}"
                  class="showCompany-return"
                >{{ $t('m.backpre') }}</a>
                <el-form
                  ref="form"
                  :model="form"
                  class="register-from"
                >
                  <el-form-item v-show="companyList.length<3">
                    <el-row :gutter="20">
                      <el-col :span="12">
                        <el-button
                          @click="isShowRegister='1'"
                          class="after-btn text-align"
                        >
                          {{ $t('m.pre') }}
                        </el-button>
                      </el-col>
                      <el-col :span="12">
                        <el-button
                          @click="isShowRegister='3',registerFrom3={}"
                          class="submit-btn text-align"
                        >
                          {{ $t('m.creatnew') }}
                        </el-button>
                      </el-col>
                    </el-row>
                  </el-form-item>
                  <el-row class="footer-text padding-right96">
                    <el-col :span="24">
                      <a @click="register=false,login=true">{{ $t('m.yiyouzhanghaodenglu') }}</a>
                    </el-col>
                  </el-row>
                </el-form>
              </div>
            </div>
            <div
              v-show="isShowRegister=='3'"
              class="register-content-3 "
            >
              <div class="register-form">
                <el-form
                  ref="registerFrom3"
                  :model="registerFrom3"
                  :rules="rulesRegisterFrom3"
                  :show-message="showMessageFlag"
                >
                  <el-form-item prop="enterpriseName">
                    <el-input
                      v-model="registerFrom3.enterpriseName"
                      @blur="customValidateForm('registerFrom3')"
                      :placeholder="$t('m.qiyemingcheng')"
                      maxlength="20"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-enterprise" />
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-form-item prop="name">
                    <el-input
                      v-model="registerFrom3.name"
                      @blur="customValidateForm('registerFrom3')"
                      :placeholder="$t('m.realname')"
                      maxlength="20"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-user-o" />
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-form-item prop="email">
                    <el-input
                      v-model="registerFrom3.email"
                      @blur="customValidateForm('registerFrom3')"
                      :placeholder="$t('m.email')"
                      maxlength="40"
                    >
                      <template slot="prepend">
                        <i class="jeicon jeicon-envelope-o" />
                      </template>
                    </el-input>
                  </el-form-item>
                  <el-form-item prop="industry">
                    <el-select
                      v-model="registerFrom3.industry"
                      :placeholder="$t('m.industry')"
                    >
                      <template slot="prefix">
                        <i class="jeicon jeicon-industry" />
                      </template>
                      <el-option
                        v-for="item in industryList"
                        :key="item.code"
                        :label="item.text"
                        :value="item.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-row class="error-bar">
                    <el-col :span="24">
                      <span>{{ getEn(registerForm3ErrorMsg) }}</span>
                    </el-col>
                  </el-row>
                  <el-row :gutter="20">
                    <el-col
                      :span="12"
                      align="center"
                    >
                      <el-button
                        @click="registerBack"
                        class="after-btn text-align"
                      >
                        {{ $t('m.pre') }}
                      </el-button>
                    </el-col>
                    <el-col
                      :span="12"
                      align="center"
                    >
                      <el-button
                        @click="registerEnterPrise('registerFrom3')"
                        class="submit-btn text-align"
                      >
                        {{ $t('m.submit') }}
                      </el-button>
                    </el-col>
                  </el-row>
                </el-form>
              </div>
            </div>
            <div
              v-show="isShowRegister=='4'"
              class="register-content-4 "
            >
              <div class="register-success">
                <div class="register-success-bar">
                  <img src="../assets/success.png">
                  <span>{{ $t('m.zhucechenggong') }}</span>
                </div>
                <el-row
                  :gutter="20"
                  type="flex"
                  class="row-bg "
                >
                  <el-col
                    :span="6"
                    class="name-content"
                  >
                    <span class="name">{{ $t('m.qiyemingcheng') }}</span>
                  </el-col>
                  <el-col :span="18">
                    <span class="val">{{ registerSuccess.enterpriseName }}</span>
                  </el-col>
                </el-row>
                <el-row
                  :gutter="20"
                  type="flex"
                  class="row-bg"
                >
                  <el-col
                    :span="6"
                    class="name-content"
                  >
                    <span class="name">{{ $t('m.qiyezhanghao') }}</span>
                  </el-col>
                  <el-col :span="18">
                    <span class="val">{{ registerSuccess.companyId }}</span>
                  </el-col>
                </el-row>
                <el-row
                  :gutter="20"
                  type="flex"
                  class="row-bg"
                >
                  <el-col
                    :span="6"
                    class="name-content"
                  >
                    <span class="name">{{ $t('m.name') }}</span>
                  </el-col>
                  <el-col :span="18">
                    <span class="val">{{ registerSuccess.name }}</span>
                  </el-col>
                </el-row>
                <el-row
                  :gutter="20"
                  type="flex"
                  class="row-bg"
                >
                  <el-col
                    :span="6"
                    class="name-content"
                  >
                    <span class="name">{{ $t('m.gerenzhanghao') }}</span>
                  </el-col>
                  <el-col :span="18">
                    <span class="val">{{ registerSuccess.userId }}</span>
                  </el-col>
                </el-row>
                <el-row
                  type="flex"
                  class="row-bg"
                >
                  <el-col
                    :span="24"
                    class="name-content"
                  >
                    <el-button
                      @click="selComapnyLogin(registerSuccess,'enterCompany',registerSuccess)"
                      class="login-btn"
                    >
                      {{ $t('m.jinruwodeqiye') }}
                    </el-button>
                  </el-col>
                </el-row>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        v-if="SHOWI18N"
        class="i18n"
      >
        <span
          v-for="(item, index) in I18NLIST"
          :key="index"
          @click="changeLang(item)"
          :class="{i18n_active:lang == item.value}"
        >
          <img
            v-if="item.value == 'zh_CN'"
            :src="cn"
            alt=""
          >
          <img
            v-if="item.value == 'en'"
            :src="en"
            alt=""
          >
          <span>{{ item.label }}</span>
        </span>
      </div>
    </div>
    <div class="login-bg">
      <img
        v-show="showImg"
        :src="LOGIN_CONFIG_BGIMG"
        @load="loadedImg"
        class="fadeInLong walker"
      >
      <img
        v-show="!showImg"
        :style="{filter: filterBlur}"
        :src="LOGIN_CONFIG_BGIMGBLUR"
        class="fadeOutLong walker"
      >
      <!-- <video src="./../assets/video/finalPre_1_x264.mp4"  muted loop autoplay class="login-video"  /> -->
    </div>
  </div>
</template>
<script>
import Login from './login.js';

export default Login;
</script>
<style rel="stylesheet/scss" lang="scss">
@import "../assets/fonts/iconfont.css";
@import "./../styles/login.scss";
</style>
